<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <script src="{$data.ossHost}active/seven/js/adaptation.js"></script>
    <script src="{$data.ossHost}active/seven/js/resLoader.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <link rel="stylesheet" href="{$data.ossHost}active/seven/css/animate.min.css">
    <style type="text/css">
        .next-s {
            background: url("{$data.ossHost}active/seven/images/next.gif") no-repeat center center;
            width: 64px;
            height: 132px;
            position: absolute;
            bottom: 50px;
            left: calc(50% - 32px);
            z-index: 120;
        }
        .submit-btn:active, .submit-btn:focus, .submit-btn:visited, .submit-btn:link {
            background: url('{$data.ossHost}active/seven/images/submit2.png') no-repeat center bottom !important;
        }
    </style>
    <link rel="stylesheet" href="{$data.ossHost}active/seven/css/style.css?v=12322241256">
    <title>{$data.title}</title>
</head>
<body>
<div class="music-box">
    <img class="music-logo" src="{$data.ossHost}active/seven/images/music.png" alt="">
    <audio id="bg-music" src="{$data.ossHost}active/seven/music/background1.mp3" loop="loop"></audio>
    <audio id="music1" src=""></audio>
    <audio id="music2" src=""></audio>
</div>
<div class="load-background">
    <div class="load-box">
        <img src="{$data.ossHost}active/seven/images/loading.gif" class="load-img" alt="">
        <div class="progress-box">
        </div>
    </div>
</div>
<div class="content-box">
    <div class="con-background p1" style="display: none">
        <div class="txt" style="display: none"></div>
        <div class="txt3"></div>
        <a class="txt2 un next" href="javascript:;" data-step="2" style="display: none"></a>
    </div>
    <div class="con-background p2" style="background-color: #a8cdfd">
        <div class="txt" style="display: none"></div>
        <div class="txt3"></div>
        <a href="javascript:;" data-step="3" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p3" style="background: #ff9880">
        <div class="txt1" style="display: none"></div>
        <div class="txt" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="4" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p4" style="background-color: #a8cdfd">
        <div class="txt" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="5" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p5" style="background: #ff9880">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="6" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p6" style="background: #a8cdfd">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <a href="javascript:;" data-step="7" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p7">
        <div class="txt"></div>
        <div class="txt1" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="8" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p8" style="background: #8592ee">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="9" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p9" style="background: #8592ee">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <div class="txt4" style="display: none"></div>
        <div class="txt5" style="display: none"></div>
        <a href="javascript:;" data-step="10" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p10" style="background: #8592ee">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <div class="txt4" style="display: none"></div>
        <div class="txt5" style="display: none"></div>
        <a href="javascript:;" data-step="11" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p11" style="background: #8592ee">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="12" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p12" style="background: #8592ee">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <div class="txt4" style="display: none"></div>
        <div class="txt5" style="display: none"></div>
        <a href="javascript:;" data-step="13" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background p13" style="background: #8592ee">
        <div class="txt1" style="display: none"></div>
        <div class="txt2" style="display: none"></div>
        <div class="txt3" style="display: none"></div>
        <a href="javascript:;" data-step="14" class="next un next-s" style="display: none"></a>
    </div>
    <div class="con-background bg1">
        <div class="content">
            <div class="img-bg"></div>
            <div class="img-bg2">
                <div class="form-item">
                    <div class="item-title"></div>
                    <a href="javascript:;" data-type="1" class="un item-input-box">
                        <span class="item-input-text"></span>
                        <div class="item-input-select"></div>
                    </a>
                </div>
                <div class="form-item">
                    <div class="item-title"></div>
                    <a href="javascript:;" data-type="2" class="un item-input-box">
                        <span class="item-input-text"></span>
                        <div class="item-input-select"></div>
                    </a>
                </div>
                <div class="form-item">
                    <div class="item-title"></div>
                    <a href="javascript:;" data-type="3" class="un item-input-box">
                        <span class="item-input-text"></span>
                        <div class="item-input-select"></div>
                    </a>
                </div>
            </div>
            <div class="submit-box">
                <a class="submit-btn un"></a>
            </div>
            <div class="yun-box">
                <div class="yun1"></div>
                <div class="yun2"></div>
            </div>
        </div>
        <div class="xingzuo-select" style="display: none">
            <div class="xz-title">选择星座</div>
            <div class="xz-item-box" data-type="1">
                <a href="javascript:;" class="un xz-item  item-value" data-value="1"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="2"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="3"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="4"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="5"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="6"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="7"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="8"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="9"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="10"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="11"></a>
                <a href="javascript:;" class="un xz-item  item-value" data-value="12"></a>
            </div>
        </div>
        <div class="sex-select" style="display: none">
            <div class="sex-title">选择性别</div>
            <div class="sex-item-box" data-type="2">
                <a href="javascript:;" data-value="1" class="un sex-item item-value">男</a>
                <a href="javascript:;" data-value="2" class="un sex-item item-value">女</a>
            </div>
        </div>
        <div class="aihao-select" style="display: none">
            <div class="aihao-title">选择爱好</div>
            <div class="aihao-item-box" data-type="3">
                <a href="javascript:;" data-value="1" class="un aihao-item  item-value">男</a>
                <a href="javascript:;" data-value="2" class="un aihao-item  item-value">双</a>
                <a href="javascript:;" data-value="3" class="un aihao-item  item-value">女</a>
            </div>
        </div>
        <div class="baogao-box" style="display: none">
            <div class="status-txt">
                <span class="text">正在分析中</span>
                <span class="dian hide"></span>
                <span class="dian hide"></span>
                <span class="dian hide"></span>
                <span class="suc-img hide"></span>
            </div>
            <div class="status-txt">
                <span class="text hide">生成报告中</span>
                <span class="dian hide"></span>
                <span class="dian hide"></span>
                <span class="dian hide"></span>
                <span class="suc-img hide"></span>
            </div>
            <div class="btn-box">
                <a href="javascript:;" data-type="2" class="un baogao-btn"></a>
            </div>
        </div>
    </div>
</div>
<div class="bg-box">
    <img src="" alt="">
    <div class="btbox">
        <a href="javascript:;" class="btbox-button un"></a>
    </div>
    <div class="cover-box">
        <div class="msg"></div>
    </div>
</div>
</body>
<script src="{$data.ossHost}active/seven/js/jquery-v2.1.1.min.js"></script>
<script src="{$data.ossHost}active/seven/js/EventUtil.js"></script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?97bd25fb643e2fbf349c2c61e247fc7a";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">
    var localhosts = "{$data.host}";
    var osshosts = "{$data.ossHost}";
    wx.config({
        debug: false,
        appId: '{$data.signPackage.appId}',
        timestamp: {$data.signPackage.timestamp},
        nonceStr: '{$data.signPackage.nonceStr}',
        signature: '{$data.signPackage.signature}',
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
    });
    wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: '{$data.share_title}',
            desc: '{$data.share_introduction}',
            link: '{$data.signPackage.url}',
            imgUrl: '{$data.ossHost}/active/seven/images/share.jpeg',
            type: 'link',
            dataUrl: '',
            success: function () {
                console.log('成功');
                $('.cover-box').hide();
            },
            cancel: function () {
                console.log('shib');
                $('.cover-box').hide();
            }
        });
        wx.onMenuShareTimeline({
            title: '{$data.share_title}',
            link: '{$data.signPackage.url}',
            imgUrl: '{$data.ossHost}/active/seven/images/share.jpeg',
            success: function () {
                console.log('成功');
                $('.cover-box').hide();
            },
            cancel: function () {
                console.log('shib');
                $('.cover-box').hide();
            }
        });
    });
</script>
<script src="{$data.ossHost}active/seven/js/js.js?1213111231231"></script>
{include file="../apps/web/view/public/sensors.html" /}
</html>
